<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>STPC</title>
		<link rel="icon" href="icon/logo.png">
		<link rel="stylesheet" href="stylesheets/desktop.css">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	</head>
	<body>
		<audio autoplay>
			<source src="media/startup.mp3" type="audio/mpeg">
		</audio>
		<script>
			alert("STPC是一个网站，\n由@普通又神秘开发。\n模拟计算机操作系统的页面。\n请不要与任何操作系统混淆。\n图片和音频资源均来自网络，\n如侵权请联系我，\n联系方式见网站内\"关于\"页面中。");
		</script>
		
		<!--应用-->
		<div id="about" class="common-app"></div>
		<div id="taskmgr" class="taskmgr"></div>
		<div id="settings" class="common-app"></div>
		<div id="calc" class="calc"></div>
		<div id="browser" class="common-app"></div>
		<div id="explorer" class="common-app"></div>
		<div id="notepad" class="common-app"></div>
		<div id="cmd" class="common-app"></div>
		<div id="liteapps" class="common-app"></div>
		<div id="stmusic" class="common-app"></div>
		<div id="minesweeper" class="common-app"></div>

		<!--系统界面中的元素-->

		<!--底部菜单-->
        <div id="undermenu" class="unders">
			<button id="start" class="undermenu-button" onclick="changeStartMenu()">
				<img src="icon/logo.png" style="height: 20px; width: 20px; vertical-align: middle;">
			</button>
			<button id="news-button" class="undermenu-button" onclick="changeNews()">
				<img src="icon/news.png" style="height: 20px; width: 20px; vertical-align: middle;">
			</button>
		</div>
		<div id="tasks" class="unders"></div>
		<div id="time" class="unders">
			<p><span id="time_hour"></span>:<span id="time_minute"></span>:<span id="time_second"></span></p>
			<p><span id="time_year"></span>年<span id="time_month"></span>月<span id="time_day"></span>日</p>
		</div>

		<!--开始菜单-->
		<div id="start-menu" class="menu"></div>

		<!--新闻-->
		<div id="news" class="menu"></div>

		<!--天气-->
		<div id="weather" class="menu"></div>

		<!--时间的详细信息-->
		<div id="time-view" class="menu"></div>

		<!--桌面图标-->
		<button class="desktopicon" id="thispc-button" ondblclick="openapp('explorer','thispc')">
			<img src="icon/thispc.png">
			<p>此电脑</p>
		</button>
		<br>
		<button class="desktopicon" id="recycle-button" ondblclick="openapp('explorer','recycle')">
			<img src="icon/recycle.png">
			<p>垃圾桶</p>
		</button>
		<br>
		<button class="desktopicon" id="settings-button" ondblclick="openapp('settings','main')">
			<img src="icon/settings.png">
			<p>设置</p>
		</button>
		<br>
		<button class="desktopicon" id="about-button" ondblclick="openapp('about','intro')">
			<img src="icon/about.png">
			<p>关于</p>
		</button>
		<br>
		<button class="desktopicon" id="browser-button" ondblclick="openBrowser('https://www.baidu.com/')">
			<img src="icon/browser.png">
			<p>浏览器</p>
		</button>

		<!--核心的js引入-->
		<script src="jq.min.js"></script>
		<script src="script/getTime.js"></script>
		
		<!--JS未正常运行时的提示-->
		<noscript>
			<div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">
				<p>JavaScript未启用，STPC无法正常工作！</p>
			</div>
		</noscript>
	</body>
</html>